<template>
    <div class="return-money-detailed-wrapper matchbiddetail-repayment">
        <div class="repayment-title"><p class="cont">回款明细<span class="right">已收<span class="curterm">{{bidDetail.curRepayTerm}}</span>/<span>{{bidDetail.totalRepayTerm}}</span>期</span></p></div>
        <div class="return-money-detailed-list">
            <div class="detailed-info" v-for="(item, index) in bidDetail.repaymentPlans" :key="index"
                 :class="[item.status, {'yh-last': index + 1 == bidDetail.curRepayTerm, 'detailed-info-last': index === bidDetail.repaymentPlans.length - 1}]">
                <i></i>
                <div class="top-font">
                    <p>第<span>{{item.instalment}}</span>期 <span class="ml">{{item.repaymentTime}}</span><span class="aheadoftime" v-if="item.aheadOfTimeSettle === '1'">提前结清</span></p>
                </div>
                <div class="info-font">
                    本金 <span>{{item.principal}}</span>
                </div>
                <div class="info-font">
                    收益 <span>{{item.earnings}}</span>
                </div>
                <div class="info-font" v-if="item.aheadOfTimeSettle === '1'">
                    提前还款补偿<span>{{item.compensate}}</span>
                </div>
            </div>
        </div>

    </div>
</template>
<script>
  export default {
    name: 'matchbid-repaymentplans',
    props: {
      bidDetail: {
        type: Object,
        default: () => {}
      }
    },
    methods: {
    },
    computed: {
    }
  }
</script>
<style lang="sass" src="~/assets/sass/biddetail.sass"></style>